<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>News&amp;Event | Fusion music</title>
<link href="include/fusion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('img/login_button_on.gif','img/menu/menu_on_01.png','img/menu/menu_on_02.png','img/menu/menu_on_03.png','img/menu/menu_on_04.png','img/menu/menu_on_05.png','img/menu/menu_on_06.png','img/menu/menu_on_07.png','img/menu/menu_on_08.png','img/inside_page/readmore_on.jpg')">
<div id="wrapper">
  <div id="logotop"><a href="#"><img src="img/logo.jpg" alt="Fusion music" class="margin-left20" /></a></div>
  <div id="top2nd">
    <div id="top2ndin">
      <div style="float: left"></div>
      <div style="float: right">
        <div id="userboderleft"><img src="img/login_leftborder.png" alt="" width="12" height="233" /></div>
        <div id="userbg">
          <div class="margin-top10">MEMBER LOGIN</div>
          <div class="margin-top25">
            <div class="left margin-right10">USER</div>
            <div class="left" style="background: url(img/userloginfield.jpg) no-repeat; height: 21px; width: 119px;">
              <input type="text" name="user" id="user" style="background: none; border: none; width: 119px; color: #FFFFFF;" />
            </div>
            <div class="left margin-right10 margin-top5">PASS</div>
            <div class="left margin-top5" style="background: url(img/userloginfield.jpg) no-repeat; height: 21px; width: 119px;">
              <input type="text" name="pass" id="pass" style="background: none; border: none; width: 119px; color: #FFFFFF;" />
            </div>
            <div class="clear"></div>
            <div class="margin-top10 margin-left40"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('login','','img/login_button_on.gif',1)"><img src="img/login_button.gif" alt="" name="login" width="65" height="24" border="0" id="login" /></a></div>
            <div class="margin-top10 margin-left20 padding-left15" style="background: url(img/arrow_yellow_icon.gif) no-repeat;"><a href="#">REGISTER</a></div>
            <div class="margin-top5 margin-left20 padding-left15" style="background: url(img/arrow_yellow_icon.gif) no-repeat;"><a href="#">FORGOT PASSWORD</a></div>
          </div>
        </div>
        <div style="clear: both;"></div>
      </div>
      <div style="clear: both;"></div>
    </div>
  </div>
  <div id="menu">
    <div id="menubg">
<div style="margin: 0px auto; width: 860px;">
<div id="menu01" class="left"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/menu_on_01.png',1)"><img src="img/menu/menu_01.png" alt="HOME" name="home" width="63" height="40" border="0" id="home" /></a></div>
<div id="menu02" class="left"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','img/menu/menu_on_02.png',1)"><img src="img/menu/menu_02.png" alt="ABOUT US" name="about" width="90" height="40" border="0" id="about" /></a></div>
<div id="menu03" class="left"><a href="news_event.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','img/menu/menu_on_03.png',1)"><img src="img/menu/menu_on_03.png" alt="NEW &amp; EVENTS" name="news" width="120" height="40" border="0" id="news2" /></a></div>
<div id="menu04" class="left"><a href="room.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('room','','img/menu/menu_on_04.png',1)"><img src="img/menu/menu_04.png" alt="ROOM STUDIO" name="room" width="119" height="40" border="0" id="room" /></a></div>
<div id="menu05" class="left"><a href="class.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('class','','img/menu/menu_on_05.png',1)"><img src="img/menu/menu_05.png" alt="CLASS" name="class" width="80" height="40" border="0" id="class2" /></a></div>
<div id="menu06" class="left"><a href="coffee.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('coffee','','img/menu/menu_on_06.png',1)"><img src="img/menu/menu_06.png" alt="COFFEE AND INTERNET" name="coffee" width="175" height="40" border="0" id="coffee" /></a></div>
<div id="menu07" class="left"><a href="/board/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('webboard','','img/menu/menu_on_07.png',1)"><img src="img/menu/menu_07.png" alt="WEBBOARD" name="webboard" width="103" height="40" border="0" id="webboard2" /></a></div>
<div id="menu08" class="left"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','img/menu/menu_on_08.png',1)"><img src="img/menu/menu_08.png" alt="CONTACT US" name="contact" width="110" height="40" border="0" id="contact" /></a></div>
</div>
</div>
  </div>
  <div id="selectbox">
    <div id="selectboxin">
      <div style="float: left;">
        <div style="float: left; background: url(img/selection_01.png) no-repeat; width: 274px; height: 199px; vertical-align: bottom;">
          <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png); margin-bottom: 0px; margin-top: 105px; border-top: #CCCCCC 1px solid; height: 93px;">
            <div class="title"><a href="#">NEWS ></a></div>
            <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
              Aenean fermentum euismod porttitor. Nam molestie 
              congue nibh, a adipiscing ligula euismod eu.</div>
          </div>
        </div>
        <div style="float: left; background: url(img/selection_02.png) no-repeat; width: 200px; height: 199px;">
          <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png) top; margin-bottom: 0px; margin-top: 0px; border-bottom: #CCCCCC 1px solid; height: 93px;">
            <div class="title" style="padding-top: 65px; margin-top: 0px;"><a href="#">Coffee shop ></a></div>
          </div>
        </div>
        <div style="clear: both;"></div>
        <div style="float: left; margin-left: 25px; background: url(img/selection_07.png) no-repeat; width: 150px; height: 150px;">
          <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png); margin-bottom: 0px; margin-top: 80px; border-top: #CCCCCC 1px solid; height: 80px;">
            <div class="title"><a href="#">Music School ></a></div>
            <div>Lorem ipsum dolor sit</div>
          </div>
        </div>
        <div style="float: left; background: url(img/selection_08.png) no-repeat; width: 299px; height: 201px;">
          <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png); margin-bottom: 0px; margin-top: 117px; border-top: #CCCCCC 1px solid; height: 83px;">
            <div class="title"><a href="#">Room Record ></a></div>
            <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
              Aenean fermentum euismod porttitor. Nam molestie 
              congue nibh, a adipiscing ligula euismod eu.</div>
          </div>
        </div>
        <div style="clear: both;"></div>
      </div>
      <div style="float: left; background: url(img/selection_04.png) no-repeat; width: 299px; height: 310px;">
        <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png); margin-bottom: 0px; margin-top: 205px; border-top: #CCCCCC 1px solid; height: 93px;">
          <div class="title"><a href="#">Instrument ></a></div>
          <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Aenean fermentum euismod porttitor. Nam molestie 
            congue nibh, a adipiscing ligula euismod eu.</div>
        </div>
      </div>
      <div style="float: left; background: url(img/selection_05.png) no-repeat; width: 176px; height: 199px;">
        <div class="padding-left10 padding-right10" style="background: url(img/select_text_bg.png); margin-bottom: 0px; margin-top: 105px; border-top: #CCCCCC 1px solid; height: 93px;">
          <div class="title"><a href="#">Internet cafe ></a></div>
          <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Aenean fermentum euismod porttitor. Nam molestie</div>
        </div>
      </div>
    </div>
  </div>
  <div id="contentinside">
    <div id="insidepageheader">
      <div class="padding-top15 padding-left25"><img src="img/inside_page/h1_news.gif" alt="News&amp;Event" /></div>
    </div>
    <div id="insidepagecontent">
          
      <div class="insidepagemaincontent margin-top20">
      <!-- Class loop start -->   
      <div class="margin-bottom10">
      <div class="padding-bottom15 classborderbottom">
      <div class="classphoto"><a href="#"><img src="img/class_thumb01.jpg" alt="" /></a></div>
      <div class="left classtext">
      <div class="bold margin-bottom5"><a href="#">12-02-53 Lorem ipsum dolor sit amet,</a></div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam adipiscing erat vel tellus commodo 
vestibulum. Phasellus varius enim id lectus elementum vel consectetur arcu viverra. Aliquam pharetra 
lectus hendrerit </div>
<div class="clear"></div>
</div>
<div class="right margin-top15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/inside_page/readmore_on.jpg',1)"><img src="img/inside_page/readmore.jpg" alt="Read more" name="Image16" width="94" height="30" border="0" id="Image16" /></a></div>
      <div class="clear"></div>
      </div>
      <!-- Class loop end --> 
      <!-- Class loop start -->   
      <div class="margin-bottom10">
      <div style="border-bottom: #999999 1px dotted; float: left;" class="padding-bottom15">
      <div class="classphoto"><a href="#"><img src="img/class_thumb01.jpg" alt="" /></a></div>
      <div class="left classtext">
      <div class="bold margin-bottom5"><a href="#">12-02-53 Lorem ipsum dolor sit amet,</a></div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam adipiscing erat vel tellus commodo 
vestibulum. Phasellus varius enim id lectus elementum vel consectetur arcu viverra. Aliquam pharetra 
lectus hendrerit </div>
<div class="clear"></div>
</div>
<div class="right margin-top15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/inside_page/readmore_on.jpg',1)"><img src="img/inside_page/readmore.jpg" alt="Read more" name="Image16" width="94" height="30" border="0" id="Image16" /></a></div>
      <div class="clear"></div>
      </div>
      <!-- Class loop end --> 
      <!-- Class loop start -->   
      <div class="margin-bottom10">
      <div style="border-bottom: #999999 1px dotted; float: left;" class="padding-bottom15">
      <div class="classphoto"><a href="#"><img src="img/class_thumb01.jpg" alt="" /></a></div>
      <div class="left classtext">
      <div class="bold margin-bottom5"><a href="#">12-02-53 Lorem ipsum dolor sit amet,</a></div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam adipiscing erat vel tellus commodo 
vestibulum. Phasellus varius enim id lectus elementum vel consectetur arcu viverra. Aliquam pharetra 
lectus hendrerit </div>
<div class="clear"></div>
</div>
<div class="right margin-top15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/inside_page/readmore_on.jpg',1)"><img src="img/inside_page/readmore.jpg" alt="Read more" name="Image16" width="94" height="30" border="0" id="Image16" /></a></div>
      <div class="clear"></div>
      </div>
      <!-- Class loop end --> 
      <!-- Class loop start -->   
      <div class="margin-bottom10">
      <div style="border-bottom: #999999 1px dotted; float: left;" class="padding-bottom15">
      <div class="classphoto"><a href="#"><img src="img/class_thumb01.jpg" alt="" /></a></div>
      <div class="left classtext">
      <div class="bold margin-bottom5"><a href="#">12-02-53 Lorem ipsum dolor sit amet,</a></div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam adipiscing erat vel tellus commodo 
vestibulum. Phasellus varius enim id lectus elementum vel consectetur arcu viverra. Aliquam pharetra 
lectus hendrerit </div>
<div class="clear"></div>
</div>
<div class="right margin-top15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/inside_page/readmore_on.jpg',1)"><img src="img/inside_page/readmore.jpg" alt="Read more" name="Image16" width="94" height="30" border="0" id="Image16" /></a></div>
      <div class="clear"></div>
      </div>
      <!-- Class loop end --> 
      <!-- Class loop start -->   
      <div class="margin-bottom10">
      <div style="border-bottom: #999999 1px dotted; float: left;" class="padding-bottom15">
      <div class="classphoto"><a href="#"><img src="img/class_thumb01.jpg" alt="" /></a></div>
      <div class="left classtext">
      <div class="bold margin-bottom5"><a href="#">12-02-53 Lorem ipsum dolor sit amet,</a></div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam adipiscing erat vel tellus commodo 
vestibulum. Phasellus varius enim id lectus elementum vel consectetur arcu viverra. Aliquam pharetra 
lectus hendrerit </div>
<div class="clear"></div>
</div>
<div class="right margin-top15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/inside_page/readmore_on.jpg',1)"><img src="img/inside_page/readmore.jpg" alt="Read more" name="Image16" width="94" height="30" border="0" id="Image16" /></a></div>
      <div class="clear"></div>
      </div>
      <!-- Class loop end --> 
      <div id="paging"><a href="#" class="active">1</a> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a></div>
      </div>
    </div>
  </div>
  <div class="clear"> </div>
  <div id="insidepagebottom"> </div>
  <div class="clear"> </div>
  <div id="footer"><span style="color: #FFCC00;">Fusion Music |</span> Tel. 02-579-2428, 08-6326-8740 Fax. 02-579-5994 91 Mongkol nivet Ngamvongvan Road Jatujuk Ladyoa Bangkok 10900 </div>
</div>
</body>
</html>
